<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:s="http://jboss.com/products/seam/taglib">

	<ui:define name="body">
		<a name="errores" />
		<h:panelGrid columns="1" id="mensaje" style="text-align:left;">
			<h:messages id="mesage1" styleClass="mensaje_bienvenida">
				<a4j:support event="onchange" action="location.hash='#errores'"></a4j:support>
			</h:messages>
		</h:panelGrid>
		<h:panelGrid columns="1" styleClass="contenedor_pest">
			<rich:tabPanel styleClass="pestanya">
				<rich:tab label="Diccionarios">
					<rich:spacer height="15px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:outputText
							value="Podrá realizar el mantenimiento de diccionarios a través de esta pantalla. Seleccione el diccionario que deseea mantener y edite los datos que desee."
							styleClass="thDescripcion_peq700" />
					</h:panelGrid>
					<rich:spacer height="15px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:outputText value="SELECCIÓN DEL DICCIONARIO"
							styleClass="th200_titulo" />
					</h:panelGrid>
					<rich:spacer height="3px;"></rich:spacer>
					<rich:separator styleClass="separadorTres"></rich:separator>
					<rich:spacer height="10px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:outputText value="Seleccione el diccionario que desee editar." />
					</h:panelGrid>
					<rich:spacer height="5px;"></rich:spacer>
					<h:panelGrid columns="5">
						<h:outputText value="Diccionario" styleClass="th80" />
						<h:selectOneMenu value="#{diccionarioAction.diccionario}"
							styleClass="input150">
							<f:selectItem itemLabel=" " itemValue="0" />
							<f:selectItem itemLabel="AñosDic" itemValue="1" />
							<f:selectItem itemLabel="ColgioDic" itemValue="2" />
							<f:selectItem itemLabel="HorasDic" itemValue="3" />
							<f:selectItem itemLabel="MunicipioDic" itemValue="4" />
							<f:selectItem itemLabel="PerfilDic" itemValue="5" />
							<f:selectItem itemLabel="PieDic" itemValue="6" />
							<f:selectItem itemLabel="PosicionDic" itemValue="7" />
							<f:selectItem itemLabel="TipoAmonestacionDic" itemValue="8" />
							<f:selectItem itemLabel="TipoGolDic" itemValue="9" />
							<f:selectItem itemLabel="TipoSancionDic" itemValue="10" />
							<f:selectItem itemLabel="TrofeoDic" itemValue="11" />
						</h:selectOneMenu>
						<rich:spacer width="25px;"></rich:spacer>
						<h:commandButton action="#{diccionarioAction.buscar()}" value=""
							styleClass="boton_peq buscar" />
					</h:panelGrid>
					<rich:spacer height="5px;"></rich:spacer>
					<rich:separator styleClass="separadorTres"></rich:separator>
					<rich:spacer height="10px;"></rich:spacer>
					<h:panelGrid columns="1" id="datosAnio">
						<h:panelGrid columns="1"
							rendered="#{diccionarioAction.renAnio == true}">
							<h:panelGrid columns="1"
								rendered="#{listaAnios != null and listaAnios.size == 0}">
								<h:outputText
									value="No hay datos registrados para este diccionario."
									styleClass="thDescripcion_peq600" />
							</h:panelGrid>
							<rich:spacer height="10px;"></rich:spacer>
							<h:panelGrid columns="2">
								<h:outputText value="Añadir" styleClass="th50" />
								<a4j:commandButton action="#{diccionarioAction.addAnio()}"
									value="" styleClass="boton_peq add" reRender="nAnio"
									style="width:24px;height:24px;"
									title="Pulsa para añadir un nuevo año al diccionario" />
							</h:panelGrid>
							<h:panelGrid columns="1"
								rendered="#{listaAnios != null and listaAnios.size>0}">
								<h:outputText
									value="#{diccionarioAction.totalRes} registro/s encontrado/s"
									styleClass="thDescripcion_peq600" />
								<rich:spacer height="10px;"></rich:spacer>
								<rich:dataTable id="tablaAnios" value="#{listaAnios}" var="anio"
									headerClass="rich-table-header"
									onRowMouseOver="this['cssoriginal']=this.style.backgroundColor;this.style.backgroundColor='#99FF99';"
									onRowMouseOut="this.style.backgroundColor=this['cssoriginal'];"
									rowClasses="fila_impar,fila_par" cellpadding="0"
									cellspacing="0"
									rendered="#{listaAnios!=null and listaAnios.rowCount >0}"
									width="200px" rows="10">

									<rich:column style="width:150px;text-align:center;"
										sortBy="#{anio.anio}">
										<f:facet name="header">
											<h:outputText value="Año" style="width:100px;" />
										</f:facet>
										<h:outputText value="#{anio.anio}" title="#{anio.anio}"
											style="width:100px;"></h:outputText>
									</rich:column>
									<rich:column style="width:50px;text-align:center;">
										<f:facet name="header">
											<h:outputText value="Editar" style="width:50px;"></h:outputText>
										</f:facet>
										<a4j:commandButton action="#{diccionarioAction.editAnio()}"
											value="" styleClass="boton_peq editar_dic" reRender="edAnio"
											style="width:50px;" />
									</rich:column>
									<rich:column style="width:50px;text-align:center;">
										<f:facet name="header">
											<h:outputText value="Eliminar" style="width:50px;"></h:outputText>
										</f:facet>
										<h:commandButton action="#{diccionarioAction.deleteAnio()}"
											value="" styleClass="boton_peq eliminar" style="width:50px;" />
									</rich:column>
								</rich:dataTable>
								<rich:datascroller align="center" for="tablaAnios" maxPages="20"
									id="scAnios" rendered="#{listaAnios.rowCount>10}" />
								<rich:spacer height="10px;"></rich:spacer>
								<h:panelGrid columns="1" id="edAnio">
									<h:panelGrid columns="6"
										rendered="#{diccionarioAction.editAnio == true}">
										<h:outputText value="Año" styleClass="th50" />
										<h:inputText value="#{diccionarioAction.anio.anio}"
											styleClass="input50" maxlength="4" />
										<rich:spacer width="25px;"></rich:spacer>
										<a4j:commandButton action="#{diccionarioAction.aceptarAnio()}"
											value="" styleClass="boton_modal aceptar"
											reRender="tablaAnios, edAnio, nAnio" />
										<rich:spacer width="15px;"></rich:spacer>
										<a4j:commandButton
											action="#{diccionarioAction.cancelarAnio()}" value=""
											styleClass="boton_modal cancelar"
											reRender="tablaAnios, edAnio, nAnio" />
									</h:panelGrid>
								</h:panelGrid>
							</h:panelGrid>
							<h:panelGrid columns="1" id="nAnio">
								<rich:spacer height="5px;"
									rendered="#{diccionarioAction.nuevoAnio == true}"></rich:spacer>
								<rich:separator styleClass="separadorTres"
									rendered="#{diccionarioAction.nuevoAnio == true}"></rich:separator>
								<rich:spacer height="5px;"
									rendered="#{diccionarioAction.nuevoAnio == true}"></rich:spacer>
								<h:panelGrid columns="6"
									rendered="#{diccionarioAction.nuevoAnio == true}">
									<h:outputText value="Año" styleClass="th50" />
									<h:inputText value="#{diccionarioAction.newAnio.anio}"
										styleClass="input50" maxlength="4" />
									<rich:spacer width="25px;"></rich:spacer>
									<a4j:commandButton action="#{diccionarioAction.aceptarAnio()}"
										value="" styleClass="boton_modal aceptar"
										reRender="tablaAnios, edAnio, nAnio, datosAnio" />
									<rich:spacer width="15px;"></rich:spacer>
									<a4j:commandButton action="#{diccionarioAction.cancelarAnio()}"
										value="" styleClass="boton_modal cancelar"
										reRender="tablaAnios, edAnio, nAnio" />
								</h:panelGrid>
								<rich:spacer height="5px;"></rich:spacer>
								<rich:separator styleClass="separadorTres"></rich:separator>
								<rich:spacer height="5px;"></rich:spacer>
							</h:panelGrid>
						</h:panelGrid>
					</h:panelGrid>
				</rich:tab>
			</rich:tabPanel>
			<rich:spacer height="10px;"></rich:spacer>
		</h:panelGrid>

	</ui:define>
	<ui:define name="botonera">
		<h:panelGrid columns="9" styleClass="tabla_botonera">
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera ayuda" id="linkAyuda"
					style="width:48px;">
					<rich:componentControl for="panelAyuda" attachTo="linkAyuda"
						operation="show" event="onclick"></rich:componentControl>
					<rich:toolTip
						value="pulsa para obtener ayuda acerca de la pantalla"
						styleClass="rich-tool-tip"></rich:toolTip>
				</a4j:commandButton>
				<h:outputText value="Ayuda" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera guardar"
					id="linkGuardar" style="width:48px;">
					<rich:componentControl for="panelGuardar" attachTo="linkGuardar"
						operation="show" event="onclick"></rich:componentControl>
					<rich:toolTip
						value="pulsa para guardar los datos del nuevo usuario"
						styleClass="rich-tool-tip"></rich:toolTip>
				</a4j:commandButton>
				<h:outputText value="Guardar" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera limpiar"
					style="width:48px;" action="limpiar">
					<rich:toolTip value="pulsa para limpiar el formulario"
						styleClass="rich-tool-tip"></rich:toolTip>
				</a4j:commandButton>
				<h:outputText value="Limpiar" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera volver"
					style="width:48px;" action="gotoMenuUsuarios">
					<rich:toolTip
						value="pulsa para volver al men� usuarios de la aplicaci�n"
						styleClass="rich-tool-tip"></rich:toolTip>
				</a4j:commandButton>
				<h:outputText value="Volver" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera inicio"
					style="width:48px;" action="gotoMenu">
					<rich:toolTip
						value="pulsa para volver al men� principal de la aplicaci�n"
						styleClass="rich-tool-tip"></rich:toolTip>
				</a4j:commandButton>
				<h:outputText value="Inicio" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
		</h:panelGrid>

		<rich:modalPanel id="panelAyuda" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Ayuda" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Está en la pantalla de mantenimiento de diccionarios. Seleccione el diccionario que desee editar y busca sus registros. Siga 
					las instrucciones de la pantalla para editar el registro que desee o para dar un nuevo registro de alta en el diccionario."
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="Aceptar" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelAyuda" attachTo="Aceptar"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

		<rich:modalPanel id="panelGuardar" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Guardar" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Se dispone a guardar los datos en el sistema. 
					¿Desea guardar los datos modificados del formulario?"
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="90px;"></rich:spacer>
				<h:panelGrid columns="3">
					<h:commandButton id="aceptarG" action="#{userAdmin.guardar()}"
						value="" styleClass="boton_modal aceptar">
						<rich:componentControl for="panelGuardar" attachTo="aceptarG"
							operation="hide" event="onclick" />
					</h:commandButton>
					<rich:spacer width="15px;"></rich:spacer>
					<h:commandButton id="cancelarG" value=""
						styleClass="boton_modal cancelar">
						<rich:componentControl for="panelGuardar" attachTo="cancelarG"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="cerrarG" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelGuardar" attachTo="cerrarG"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

	</ui:define>
</ui:composition>